<!--
 * @Author: zyk 997610780@qq.com
 * @Date: 2022-10-20 14:12:05
 * @LastEditors: zyk 997610780@qq.com
 * @LastEditTime: 2022-10-20 16:21:50
 * @FilePath: \fifty-small-projects\45移动导航栏\45.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>移动导航栏</title>
  <link rel="stylesheet" href="//at.alicdn.com/t/c/font_2715068_lrzwun41xya.css">
  <link rel="stylesheet" href="../base.css">
  <link rel="stylesheet" href="./45.css">
</head>

<body>
  <div id="app">
    <div class="menu">
      <i class="custom-icon custom-icon-shejimulu"></i>
    </div>
    <div class="sidebar hide">
      <div class="out">
        <div class="in">
          <div class="sidebar_hd">
            <img src="./images/logo.png" class="logo">
            <i class="custom-icon custom-icon-guanbi close"></i>
          </div>
          <div class="sidebar_by">
            <div class="sidebar_item">Teams</div>
            <div class="sidebar_item">Locations</div>
            <div class="sidebar_item">Life at Netflix</div>
            <div class="sidebar_child">
              <div class="sidebar_item">Netflix culture memo</div>
              <div class="sidebar_item">Work life balance</div>
              <div class="sidebar_item">Inclusion & diversity</div>
              <div class="sidebar_item">Blog</div>
            </div>
            <div class="sidebar_item">Teams</div>
            <div class="sidebar_item">Locations</div>
            <div class="sidebar_child">
              <div class="sidebar_item">Netflix culture memo</div>
              <div class="sidebar_item">Work life balance</div>
              <div class="sidebar_item">Inclusion & diversity</div>
              <div class="sidebar_item">Blog</div>
            </div>
            <div class="sidebar_item">Life at Netflix</div>
          </div>
        </div>
      </div>
    </div>
    <div class="main">
      <img src="./images/logo.png" class="logo">
      <p class="text">Mobile Navigation</p>
    </div>
  </div>

  <script src="./45.js"></script>
</body>

</html>